// 指令对象 之后在main.js 中注册全局指令 
// 在组件中使用方法是 v-imagerror='值'
export const imagerror = {
        //  会在当前指令作用的dom元素 插入之后执行
        inserted(dom, options) {
            // 指令绑定的  dom 对象  options.value 是值
            // options是 指令中的变量的解释  其中有一个属性叫做 value
            // 判断默认值 没有图片时展示默认图片
            dom.src = dom.src || options.value
                // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
            dom.onerror = function() {
                // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
                // dom可以注册error事件
                dom.src = options.value // 这里不能写死 由使用自定义指令的地方传入
            }
        },
        //  组件更新
        componentUpdated(dom, options) {
            dom.src = dom.src || options.value
        }
    }
    // <img v-imagerror='img'/>
    // data(){return {img:'a.png'}}
    //默认导出
    // export default 1